<template>
  <div class="son" style="border:3px solid #000;margin:10px">
    <!-- 3.直接使用props的值 -->
    我是Son组件 {{title}}
    <button @click="handleClick">修改title</button>
  </div>
</template>

<script>
export default {
  name: 'Son',
  // 2.通过props来接受
  props: ['title'],
  methods: {
    handleClick() {
      /* 子传父，在事件里写$emit，$emit里面名称与父组件中插入子组件的事件名称一致 */
      this.$emit('changeTitle', '传智教育')
  }
  }
  
}
</script>

<style>

</style>